<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Hello!</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
    <script type="javascript">
    $('#piece').customFileInput();
    </script>
  </head>
  <body bgcolor="green">
     <div data-role="compteRendu">
       <div data-role="header">
         <h1>Compte Rendu</h1>
       </div><!-- /header -->
       <div data-role="content">
          <!--création de la forme du compte rendu ; ici il faut enlever les effets de l ajax pour permettre l upload du fichier-->
          <form id="compterendu" action="compteRendu.php" method="post" data-ajax="false" enctype="multipart/form-data">
             <label for="designation" data-theme="c" >Désignation:</label>
             <select name="designation" id="designation" data-mini="true" data-native-menu="false"  style="text-align: center; font-size:25px; color:white; font-family: times new roman,times;" data-theme="c">
             {foreach from=$designationTache item=designation}    <!--menu deroulant rempli appartir de la base de donnees-->
             <option value="{$designation}" >{$designation}</option>
             {/foreach }
             </select>
             <label for="description" data-theme="c" >Déscription:</label>
             <textarea id="description" name="description" data-theme="c" cols="5" rows="6"></textarea>
             <label for="dateTacheRealise">date de la tàche</label>
             <select id="dateTacheRealise"name="dateTacheRealise">
             {foreach from=$dateTache item=date}                 <!--menu deroulant rempli appartir de la base de donnees-->
             <option value="{$date}" >{$date}</option>
             {/foreach }
             </select>
             <label for="piece" data-theme="c" >Pièce Jointe:</label>
             <input type="file" name="piece" data-theme="c"/>
             <input name="connecter" type="submit" value="transmettre"  data-icon="check" data-theme="b" />
             <input type="reset" value="annuler" data-icon="delete" data-theme="b" />
          </form>
       </div><!-- /content -->
       <div data-role="footer">
         <h4>&copy; Designed by MédiaFast</h4>
         <!-- /footer -->
       </div><!-- /page -->
   </body>
</html>